<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>功能列表</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/gongneng.css">
</head>
<body>
    <header>
        <div class="left">
            <a href="./index.html"><img src="./images/header_logo.png" alt=""></a>
        </div>
        <div class="right">
            <img src="./images/header_app.png" alt="">
        </div>
    </header>
    <div class="view">
        <form action="" id="search">
            <div class="search">
                <input type="text" placeholder="请输入你想比价的商品">
                <button type="">搜索</button>
            </div>
        </form>
        <div class="list">
            <div class="list_title">
                <div class="left">
                    <a href="./index.html">首页</a>>
                    <a href="./category.html">全部分类</a>>
                    <a href="#">电视</a>
                </div>
                <div class="right">
                    <button>筛选</button>
                </div>
            </div>
            <div class="list_content">
               <!-- 占位 -->
            </div>
            <div class="pageChange">
                <div class="pre">上一页</div>
                <select class="select">
                    <option value=""></option>
                </select>
                <div class="next">下一页</div>
            </div>
        </div>
        <div class="foot">
            <div class="foot_up">
                <a href="#">登陆</a>
                <a href="#">注册</a>
                <a href="#">返回顶部</a>
            </div>
            <div class="foot_down">
                <a href="#">手机APP下载</a>
                <a href="#">慢慢买手机版</a> - 掌上比价平台
                <br>m.manmanbuy.com
            </div>
        </div>
    </div>
</body>
<script type="text/template" id="listTmp">
    {{each result value index}}
        <ul>
            <li>
                <div class="list_img">{{@ value.productImg}}</div>
                <div class="list_info">
                    <a class="list_name" href="./xiangqing.html?productid={{value.productId}}">{{value.productName}}</a>
                    <span class="list_price">{{value.productPrice}}</span>
                    <span class="list_compare">{{value.productQuote}}</span>
                    <span class="list_speak">{{value.productCom}}</span>
                </div>
            </li>
        </ul>
    {{/each}}
</script>
<script src="./lib/zepto/zepto.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./js/gongneng.js"></script>
</html>